/* Stars animation style
   @author Ciucardel Vasile Costinel & Andrei Ionut Cosmin
*/

body.stars {
  background-image: url('../../media/img/starsbg.png');
  color: #c1e2ff;
}
body.stars a {
  color: #ffff00;
}
body.stars #sessionInfo h1 {
  color: #fdc689;
}
#starsContainer {
  position: absolute; top: 0%; left: 0%;
  width: 100%;
  height: 90%;
  text-align: center;
}

body.stars div.star {
  display: inline-block;
  position: relative; top: -10%;
}
/* Falling stars animation
 * created by Ciucardel Vasile Costinel & Andrei Ionut Cosmin
 * modified by Gerd Wagner
 */
body.stars div.animate {
  animation: fallingStars 15s 1;  /* or infinite instead of 1 */
  -ms-animation: fallingStars 15s 1; 
  -moz-animation: fallingStars 15s 1; 
  -webkit-animation: fallingStars 15s 1; 
  -o-animation: fallingStars 15s 1;
}

#star1 {animation-timing-function:linear;}
#star2 {animation-timing-function:ease;}
#star3 {animation-timing-function:ease-in;}
#star4 {animation-timing-function:ease-out;}
#star5 {animation-timing-function:ease-in-out;}

/* Firefox: */
#star1 {-moz-animation-timing-function:linear;}
#star2 {-moz-animation-timing-function:ease;}
#star3 {-moz-animation-timing-function:ease-in;}
#star4 {-moz-animation-timing-function:ease-out;}
#star5 {-moz-animation-timing-function:ease-in-out;}

/* MS: */
#star1 {-ms-animation-timing-function:linear;}
#star2 {-ms-animation-timing-function:ease;}
#star3 {-ms-animation-timing-function:ease-in;}
#star4 {-ms-animation-timing-function:ease-out;}
#star5 {-ms-animation-timing-function:ease-in-out;}

/* Safari and Chrome: */
#star1 {-webkit-animation-timing-function:linear;}
#star2 {-webkit-animation-timing-function:ease;}
#star3 {-webkit-animation-timing-function:ease-in;}
#star4 {-webkit-animation-timing-function:ease-out;}
#star5 {-webkit-animation-timing-function:ease-in-out;}

/* Opera: */
#star1 {-o-animation-timing-function:linear;}
#star2 {-o-animation-timing-function:ease;}
#star3 {-o-animation-timing-function:ease-in;}
#star4 {-o-animation-timing-function:ease-out;}
#star5 {-o-animation-timing-function:ease-in-out;}

@keyframes fallingStars {
  from {top: -10%;}
  to {top: 60%;}
}
@-moz-keyframes fallingStars /* Firefox */
{
  from {top: -10%;}
  to {top: 60%;}
}
@-webkit-keyframes fallingStars /* Safari and Chrome */
{
  from {top: -10%;}
  to {top: 60%;}
}
@-o-keyframes fallingStars /* Opera */
{
  from {top: -10%;}
  to {top: 60%;}
}

/* animatedStars problem with 1 operator */
#animatedStars[data-nmrofops="1"] {
  font-size: 4em;
}
/* animatedStars problem with 2 operators */
#animatedStars[data-nmrofops="2"] {
  font-size: 3em;
}
/* Arithmetic problem with 3 operators */
#animatedStars[data-nmrofops="3"] {
  font-size: 2.4em;
}
/* Arithmetic problem with 4 operators */
#animatedStars[data-nmrofops="4"] {
  font-size: 2em;
}
#animatedStars span.operator, #animatedStars span.equalitySymbol {
  margin-left: 0.4em;
  margin-right: 0.4em;
}
